import SelectStatus from './selectStatus'
import SelectTime from './SelectTime'

// import './index.scss'
import { getkeshiList,getGuaHaoList } from '../../../https/Api/keshi'
import { useEffect, useState } from 'react'
import { Button } from 'antd';


function TopSelect(props:any) {
    let [selectList, setSelectList] = useState([])

    //1 根据接口文档 参数 来的

    // 获取到状态的数据 =》 1 全部  2待就诊  3已就诊  4已取消

    let statusList = [
        { name: "全部", status: 1 },
        { name: "待就诊", status: 2 },
        { name: "已就诊", status: 3 },
        { name: "已取消", status: 4 },

    ]


    // 组件加载完毕

    useEffect(() => {
        getSelectD()
        getListDaGua() 
    }, [])

    //定义方法  =》下拉选择框的数据

    const getSelectD = () => {
        getkeshiList().then((res: any) => {
            console.log(res.lists, 55555581);

            setSelectList(res.lists)
        })
    }
  
    let  PostObj ={ status:1, time:[], keshiname:'' ,search:''}

    //获取到 下拉选择框的数据


    //获取到状态 的值


    const getStatus = (val: any) => {
        console.log(val, 88885);
        PostObj.status = val
    }

    //获取到时间

    const getTime = (val: any) => {
        console.log(val, 88885);
        PostObj.time= val
    }


    const getListDatas = ()=>{
          // 1 问题1 获取到这个里面的数据  =》 4 参数  { status: time:, keshiname: ,search:}
          // 动态的数据
        //   console.log( PostObj);

        //   
        getListDaGua()  
    }

    const getListDaGua = ()=>{
        getGuaHaoList(PostObj).then((res:any)=>{
         console.log(res);

         //获取到后端的数据 =》 告诉父亲  =》渲染到 table
         if(res.code==200){
             props.getFatherT(res.lists)
         }
         
        })
    }
    return (
        <div className='topSelect glb-flex2'>
            <SelectStatus statusList={statusList} getStatus={getStatus}></SelectStatus>
            <SelectTime getTime={getTime}></SelectTime>
           
           
            <Button onClick={()=>getListDatas()}>搜索</Button>
        </div>
    )
}



//1头部选择在组件的封装 =》完毕

// 2 用户点击  搜索之后 =》发送请求  

//   获取到用户选择的数据（） =》发送请求（）

export default TopSelect
